/**
 * Created by sjj on 2015/7/3.
 */


//菜单栏缩放按钮点击
$('#i_head_menuToggle').bind('click',function(){
    //关闭
    if($('#i_head_menuToggle').hasClass("open")){
        //添加标记
        $('#i_head_menuToggle').removeClass("open");
        $('#i_main_left').removeClass("i_main_left_open");
        $('#i_main_left').addClass("i_main_left_closed");
        //logo隐藏
        $("#i_head_logo").hide();
        // 主要内容左移（菜单右侧，菜单缩小）
        $("#i_main_right").css("margin-left","50px")
    }
    //打开
    else {
        $('#i_head_menuToggle').addClass("open");
        $('#i_main_left').addClass("i_main_left_open");
        $('#i_main_left').removeClass("i_main_left_closed");
        $("#i_head_logo").show();
        $("#i_main_right").css("margin-left","240px")

    }
})
//菜单栏缩小时，鼠标滑动上去
$("#i_main_left .nav-parent").mouseover(function(){
    if(!$('#i_head_menuToggle').hasClass("open")){
        $(this).addClass("mouseover")
        $(this).removeClass("mouseout")
    }
})

//菜单栏缩小时，鼠标滑动离开
$("#i_main_left .nav-parent").mouseout(function(){
    if(!$('#i_head_menuToggle').hasClass("open")){
        $(this).removeClass("mouseover")
        $(this).addClass("mouseout")
    }
})

//菜单点击，显示样式
$("#i_main_left .nav-parent").click(function(){
    $("#i_main_left .nav-parent").removeClass("nav-active")
    $(this).addClass("nav-active")
    //子菜单存在
    if($(this).parents("#i_main_left").hasClass("i_main_left_open")&&$(this).find(".children").length>0){
        if($(this).hasClass("nav-open")){
            $(this).removeClass("nav-open")
            $(this).addClass("nav-closed")
            $(this).find(".children").slideUp(100)
        }else if($(this).hasClass("nav-closed")){
            $(this).addClass("nav-open")
            $(this).removeClass("nav-closed")
            $(this).find(".children").slideDown(100)
        }
    }
})

$("#i_main_left .nav-parent").find("li").bind("click",function(event){
    event.stopPropagation();
})


//滚动条监听，fixed属性模块进行相应的变化
window.onscroll = function(){
    var left = document.body.scrollLeft
    var leftValue = -left+"px"
    $("#i_head").css("left",leftValue);
    $("#i_main_left").css("left",leftValue);
}
